<!--
 * @Descripttion: 
 * @Author: voanit
 * @Date: 2022-09-06 14:25:30
 * @LastEditors: voanit
 * @LastEditTime: 2022-09-11 16:50:22
-->
<script lang="ts" setup>
import HomeBanner from "./components/home-banner.vue";
import HomeCategory from "./components/home-category.vue";
import HomeNew from "./components/home-new.vue";
import HomeHot from "./components/home-hot.vue";
import HomeBrand from "./components/home-brand.vue";
import HomeSpecial from "./components/home-special.vue";
import { provide } from "vue";
// provide('separator','>')

const btn = (b: string) => {
  console.log(b);
};

const close = (c: string) => {
  console.log(c);
};
</script>

<template>
  <div class="page-home">
    <div class="home-entry">
      <div class="container">
        <!-- 左侧分类 -->
        <HomeCategory />
        <!-- banner轮播图 -->
        <HomeBanner />
      </div>
      <!--  新鲜好物-->
      <HomeNew></HomeNew>
      <!-- 人气推荐 -->
      <HomeHot></HomeHot>
      <!-- 品牌 -->
      <HomeBrand></HomeBrand>
      <!-- 最新专题 -->
      <HomeSpecial />

      <!-- <XtxMore>去商品列表</XtxMore>
      <XtxBread>
        <XtxBreadItem>首页</XtxBreadItem>
        <XtxBreadItem path="/manger">活动管理</XtxBreadItem>
        <XtxBreadItem path="/manger">活动管理</XtxBreadItem>
        <XtxBreadItem path="/manger">活动管理</XtxBreadItem>
      </XtxBread>

      <XtxBread>
        <XtxBreadItem>首页</XtxBreadItem>
        <XtxBreadItem path="/manger">活动管理222</XtxBreadItem>
        <XtxBreadItem path="/manger">活动管理333</XtxBreadItem>
        <XtxBreadItem path="/manger">活动管理444</XtxBreadItem>
      </XtxBread> -->
      <!-- <XtxButton type="danger" size="small" color="red" @btn="btn" @close="close">首页</XtxButton>
      <XtxButton type="success" size="medium" color="#fff">首页</XtxButton>
      <XtxButton type="primary" size="mini" color="#fff">首页</XtxButton> -->
    </div>
  </div>
</template>

<style lang="less" scoped></style>
